<{include file="public/header.html"}>
<link href="<{$smarty.const.STATIC_COMPONENT_URL}>css/jquery-ui.css" type="text/css" rel="stylesheet" />
<script src="<{$smarty.const.STATIC_COMPONENT_URL}>js/jquery-1.7.1.js"></script>
<script src="<{$smarty.const.STATIC_COMPONENT_URL}>js/jquery.ui.core.js"></script>
<script src="<{$smarty.const.STATIC_COMPONENT_URL}>js/jquery.ui.widget.js"></script>
<script src="<{$smarty.const.STATIC_COMPONENT_URL}>js/jquery.ui.tabs.js"></script>
<script type="text/javascript">
	$(function() {
		$( "#tabs" ).tabs();
	});
</script>
<script src="<{$smarty.const.STATIC_COMPONENT_URL}>pikachoose-4.4.6/lib/jquery.pikachoose.js"></script>
<link href="<{$smarty.const.STATIC_COMPONENT_URL}>pikachoose-4.4.6/styles/css3.css" type="text/css" rel="stylesheet" />
<script language="javascript">
			$(document).ready(
				function (){
					$("#pikame").PikaChoose({
						autoPlay:false, 
						transition:[1]
					});
				});
		</script>
<div class="container">
        	<div class="garage-detail">
	        	<div class="garage-title"><span><{$garage->title}></span></div>
	            <div class="garage-content">
	            	<div class="garage-image">
	                	<div class="pikachoose">
	                	<{if $image->N}>
							<ul id="pikame" >
							<{while $image->fetch()}>
								<li><a href="#"><img src="<{$smarty.const.STATIC_COMPONENT_URL}>images/garage/<{$image->name}>"/></a></li>
							<{/while}>
							</ul>
						<{/if}>
						</div>
	                </div>
	                <div class="garage-info">
	                	<div class="row">
	                		<{$garage->address}>
	                	</div>
	                	<{if $garage->telephone}>
	                	<div class="row">
	                		<label>Telephone : </label>
	                		<{$garage->telephone}>
	                	</div>
	                	<{/if}>
	                	<{if $garage->mobilephone}>
	                	<div class="row">
	                		<label>Mobilephone : </label>
	                		<{$garage->mobilephone}>
	                	</div>
	                	<{/if}>
	                	<{if $garage->email}>
	                	<div class="row">
	                		<label>Email : </label>
	                		<{$garage->email}>
	                	</div>
	                	<{/if}>
	                	<{if $garage->link}>
	                	<div class="row">
	                		<label>Websile : </label>
	                		<a href="<{$garage->link}>"><{$garage->title}></a>
	                	</div>
	                	<{/if}>
	                	<{if $garage->m2}>
	                	<div class="row">
	                		<label>Price/m2 : </label>
	                		<{$garage->m2}> USD
	                	</div>
	                	<{/if}>
	                	<{if $garage->meter}>
	                	<div class="row">
	                		<label>Price/meter : </label>
	                		<{$garage->meter}> USD
	                	</div>
	                	<{/if}>
	                	<{if $garage->spot}>
	                	<div class="row">
	                		<label>Price/spot : </label>
	                		<{$garage->spot}> USD
	                	</div>
	                	<{/if}>
	                	<br/>
	                	<a href="<{$smarty.const.APPLICATION_URL}>/garage/choose/id/<{$garage->id}>"><img src="<{$smarty.const.STATIC_COMPONENT_URL}>images/btnChoose.jpg" /></a>
	                </div>
	            </div><!-- end garage content -->
	            <div class="clear"></div>
	            <div id="tabs">
	                <ul>
	                    <li><a href="#tabs-1">Description</a></li>
	                </ul>
	                <div id="tabs-1">
	                    <p><{$garage->description}></p>
	                </div>
	           </div>
        	</div>
    </div><!--end container-->
    <div class="clear"></div>
<{include file="public/footer.html"}>